<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <base target="_blank">
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <link href="config/css/bootstrap-3.3.7.min.css" rel="stylesheet" type="text/css"/>
    <link type="text/css" rel="stylesheet" href="index/css/reset.css">
    <link type="text/css" rel="stylesheet" href="index/css/page.css">

    <title>抵用券管理</title>
</head>
<body>
<section class="coupon">
    <div class="indexlist">
        <div class="top">
            <div class="serch">
                <button><img src="index/image/serch.png"></button>
                <ul>
                    <li>
                        <span>店铺名称：</span>
                        <input type="text" placeholder="请输入关键字">
                    </li>
                    <li>
                        <span>审核状态：</span>
                        <input type="text" placeholder="请输入关键字">
                    </li>
                    <li>
                        <span>抵用券类型：</span>
                        <input type="text" placeholder="请输入关键字">
                    </li>
                </ul>
            </div>
        </div>
        <table class="table table-bordered">
            <thead>
            <tr>
                <th>ID</th>
                <th>店铺</th>
                <th>审核状态</th>
                <th>类型</th>
                <th>类型值</th>
                <th>最低消费</th>
                <th>失效时间</th>
                <th>数量</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td>杭州天铭</td>
                <td>审核通过</td>
                <td>抵用券</td>
                <td>30.00</td>
                <td>只能在杭州天铭使用</td>
                <td>2017-02-07 17:43:48</td>
                <td>50</td>
                <td><button>查看</button></td>
            </tr>
            <tr>
                <td>1</td>
                <td>杭州天铭</td>
                <td>审核通过</td>
                <td>抵用券</td>
                <td>30.00</td>
                <td>只能在杭州天铭使用</td>
                <td>2017-02-07 17:43:48</td>
                <td>50</td>
                <td><button>查看</button></td>
            </tr>
            <tr>
                <td>1</td>
                <td>杭州天铭</td>
                <td>审核通过</td>
                <td>抵用券</td>
                <td>30.00</td>
                <td>只能在杭州天铭使用</td>
                <td>2017-02-07 17:43:48</td>
                <td>50</td>
                <td><button>查看</button></td>
            </tr>
            <tr>
                <td>1</td>
                <td>杭州天铭</td>
                <td>审核通过</td>
                <td>抵用券</td>
                <td>30.00</td>
                <td>只能在杭州天铭使用</td>
                <td>2017-02-07 17:43:48</td>
                <td>50</td>
                <td><button>查看</button></td>
            </tr>
            <tr>
                <td>1</td>
                <td>杭州天铭</td>
                <td>审核通过</td>
                <td>抵用券</td>
                <td>30.00</td>
                <td>只能在杭州天铭使用</td>
                <td>2017-02-07 17:43:48</td>
                <td>50</td>
                <td><button>查看</button></td>
            </tr>
            </tbody>
        </table>
        <div class="bottom">
            <ul class="pagination pagination-sm">
                <li><a>&laquo;</a></li>
                <li><a>1</a></li>
                <li><a>2</a></li>
                <li><a>3</a></li>
                <li><a>4</a></li>
                <li><a>5</a></li>
                <li><a>&raquo;</a></li>
            </ul>
        </div>
    </div>
    <div style="clear: both"></div>
    <!--添加/修改弹出框-->
    <div class="newtankuang" style="display: none">
        <div class="basic">
            <h3>抵用券信息</h3>
            <ul>
                <li>
                    <span>店铺：</span>
                    <input type="text" disabled value="杭州天铭">
                </li>
                <li>
                    <span>抵用券名称：</span>
                    <input type="text" disabled value="30元现金抵用卷">
                </li>
                <li>
                    <span>抵用券类型：</span>
                    <input type="text" disabled value="抵用券">
                </li>
                <li>
                    <span>使用条件：</span>
                    <input type="text" disabled value="只能在杭州天铭使用">
                </li>
                <li>
                    <span>下单用户：</span>
                    <input type="text" disabled value="ihengtian">
                </li>
                <li>
                    <span>抵用券数量：</span>
                    <input type="text" disabled value="50">
                </li>
                <li>
                    <span>使用数量：</span>
                    <input type="text" disabled value="2">
                </li>
                <li>
                    <span>失效日期：</span>
                    <input type="text" disabled value="2017-02-07 17:43:48">
                </li>
                <li>
                    <span>创建日期：</span>
                    <input type="text" disabled value="2017-02-07 17:43:48">
                </li>
            </ul>
            <div  style="clear: both"></div>
        </div>
        <div class="footer">
            <button class="save">保存</button>
            <button class="back">返回</button>
        </div>
        <div  style="clear: both"></div>
    </div>
</section>
</body>
<script src="config/js/jquery-2.1.4.min.js"></script>
<script>
    $(function () {
        $(".new button").click(function () {
            $('.indexlist').hide();
            $('.newtankuang').show();
        })
        $("td button").click(function () {
            $('.indexlist').hide();
            $('.newtankuang').show();
        })
        $(".footer button").click(function () {
            $('.indexlist').show();
            $('.newtankuang').hide();
        })

    })
</script>
</html>